<template>
	<view class="container">
			<view class="example-body" >
				<uni-section overflow title="开奖信息" type="line">
					<uni-card :title="value.qishu" :extra="value.date" v-for="(value,index) in arrays">
						<uni-badge class="uni-badge-left-margin" :text="value.baiWei"type="primary" />
						<uni-badge class="uni-badge-left-margin" :text="value.shiWei" type="primary" />
						<uni-badge class="uni-badge-left-margin" :text="value.geWei" type="primary" />
					</uni-card>
				</uni-section>
			</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				  arrays:[],
			};
		},
		methods: {
			async getSanDVo () {
				uni.showLoading({  
				    title: '加载中'  
				});
				//发起post方式的请求
				uni.request({
					//url:  'http://114.132.55.180:443/sand/chart/selectSanD/coldHot', 
					url: 'http://114.132.55.180:443/sand/chart/selectSanDVO',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						qishu: "50"
					},
					method: 'POST',
				
					success: (res) => {
						uni.hideLoading(); //动画关闭
						this.arrays = res.data
						if (res.data.success) {
				
						} else {}
				
					},
					fail: (res) => {
				
					}
				});
			}, 
			
		},
		mounted() {
		this.getSanDVo();
		}
	};
</script>

<style lang="scss">
	/* #ifdef MP-ALIPAY */
	.uni-badge {
		margin-left: 100rpx;
	}

	/* #endif */
	.example-body {
		flex-direction: row;
		justify-content: flex-start;
	}

	.uni-badge-left-margin {
		margin-left: 5px;
		
	}


</style>
